<!DOCTYPE html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>登录页面</title>
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/login.css" />
	<script src="js/jquery.1.11.2.js" type="text/javascript"></script>
</head>
<body>
	<div class="mod-header">
		<div class="header__wrap">
			<h1 class="logo__wrap">
				<a href="javascript"></a>
				<span>欢迎登录</span>
			</h1>
			<ul class="header__menu">
				<li><a href="javascript:;" class="cur">首页</a></li>
				<li><a href="javascript:;">购买商标</a></li>
				<li><a href="javascript:;">出售商标</a></li>
				<li><a href="javascript:;">注册商标</a></li>
				<li><a href="javascript:;">其他</a></li>
				<li><a href="javascript:;">APP下载</a></li>
			</ul>
		</div>
	</div>
	<div class="login-bg">
		<div class="login-icon">
			<div class="login-font-zqj">
				<p class="s1">知产加</p>
				<p class="s2">海量商标</p>
				<p class="s3">价格</p>
				<p class="s4">商标注册</p>
				<p class="s5">价格<span>透明的价格，优质的
服务，还在等什么</span></p>
				<p class="s6">海量商标<span>海量商标任你选，优
质资源随便挑</span></p>
				<p class="s7">知产加<span>知产加：为您的企业
品牌保驾护航</span></p>
			</div>
			<div class="login__wrap">
				<div class="login-hd clearfix">
					<h2>快速登录</h2>
					<h2 class="cur">帐号密码登录</h2>
				</div>
				<div class="login-bd">
					<div class="two-code login-bd-item" style="display: none">
						<div class="two-code-img">
							<img src="images/two-code.png" alt="">
						</div>
						<div class="two-desc">手机扫码，安全登录</div>
					</div>
					<form class="login__form login-bd-item" method="#" action="post">
						<div class="field">
							<label for="user">
								<i class="iconfont"></i>
							</label>
							<input type="text" class="txt" id="user" placeholder="请输入帐号" />
						</div>
						<div class="field">
							<label for="user">
								<i class="iconfont"></i>
							</label>
							<input type="password" class="txt" id="user" placeholder="请输入密码" />
						</div>
						<div class="login-links clearfix">
							<a href="javascript:;" class="links-pass">忘记登录密码</a>
							<a href="javascript:;" class="links-reg">免费注册</a>
						</div>
						<div class="submit">
							<input type="submit" value="登录" />
						</div>
						<div class="field links-login">
							<a href="javascript:;" class="i-weibo">微信登录</a>
							<a href="javascript:;" class="i-zhifubao">支付宝登录</a>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div class="mod-footer">
		copyright @ 资产加版权所有 粤ICP备12023331号-1 常年法律顾问：上海联科律师事务所
	</div>
	<script type="text/javascript">
	var loginHd = $('.login-hd'),
		loginBd = $('.login-bd');
	loginHd.find('h2').click(function (){
		loginHd.find('h2').removeClass('cur');
		$(this).addClass('cur');
		loginBd.find('.login-bd-item').hide();
		loginBd.find('.login-bd-item').eq( $(this).index() ).show();
	});
	</script>
</body>
</html>